<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--        <script>
           
            function click(){
                 var i=75;
                    document.getElementById("trans").style.width=i+"px";
                i=i+5;
            }
        </script>-->
        <style>
            div{
                left: 400px;
                top: 200px;
                position:absolute;
                width:200px;
                height: 100px;
                background:rgba(155,50,130,0.6);
                border:1px black solid;
                text-align:center;
                -webkit-transiton:width 10s;
            }
        </style>
    </head>
    <body>
        <div>
            yuan
        </div>
        <div id="trans" style="-webkit-transform-origin:center;-webkit-transform:rotate(46deg);">
            transform;
        </div>
    </body>
</html>
